font changes, video player changes and other minor changes

4 files changed, 38 insertions, 30 deletions

diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index 1df4583..0420401 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -18,9 +18,8 @@
 }

 

 .TitleContainer p {

-	font-family: "Lexend Deca", serif;

 	font-size: 40px;

-	font-weight: 1000;

+	font-weight: 700;

 }

 

 .TitleContainer img {

@@ -30,13 +29,11 @@
 

 .MangaDescription {

 	color: white;

-	font-family: "Atkinson Hyperlegible", serif;

 	max-width: 98%;

 	margin: -10px auto;

 }

 

 .Description h2 {

-	font-family: "Lexend Deca", serif;

 	color: gray;

 }

 

@@ -46,14 +43,12 @@
 

 .MangaReleaseYear {

 	margin-top: 10px;

-	font-family: "Poppins", serif;

 }

 

 .GenreContainer {

 	margin-top: 5px;

 	display: flex;

 	align-items: center;

-	font-family: "Poppins", serif;

 }

 

 .GenreText {

@@ -81,8 +76,6 @@
 .MangaRatings {

 	display: flex;

 	margin-top: 10px;

-	font-family: "Poppins", serif;

-	/* justify-content: center; */

 }

 

 .MangaRatings span {

@@ -98,7 +91,6 @@
 

 .CharactersContainer h2 {

 	color: gray;

-	font-family: "Lexend Deca", serif;

 }

 

 .Character {

@@ -130,7 +122,6 @@
 	text-align: center;

 	width: 110px;

 	color: white;

-	font-family: "Atkinson Hyperlegible", serif;

 }

 

 .CharacterEntry img {

@@ -149,7 +140,6 @@
 

 .ChapterTitle {

 	color: white;

-	font-family: "Lexend Deca", serif;

 	font-size: 32px;

 }

 

@@ -183,10 +173,10 @@
 	background-color: #3d3d3d;

 	cursor: pointer;

 	transition: background-color 100ms ease-in-out;

+	font-family: "Lexend Deca";

 }

 

 .ChapterContainer button p {

-	font-family: "Atkinson Hyperlegible", serif;

 	margin: 2px;

 }

 

@@ -203,7 +193,6 @@
 }

 

 .linksNotFound {

-	font-family: "Atkinson Hyperlegible", serif;

 	color: white;

 	font-size: 18px;

 	display: flex;

diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 76d7177..9d60e0a 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -15,6 +15,14 @@ export default async function MangaInfo({ params }) {
 		redirect("/404");

 	}

 

+	let description;

+	if (!data.description) {

+		description =

+			"Sorry but description for this particular manga was not found.";

+	} else {

+		description = data.description.split("<br>")[0];

+	}

+

 	PreFetchChaterLinks(data.chapters);

 

 	return (

@@ -53,7 +61,7 @@ export default async function MangaInfo({ params }) {
 					<div className={styles.MangaDescription}>

 						<div className={styles.Description}>

 							<h2>Description</h2>

-							<p>{data.description.split("<br")[0]}</p>

+							<p>{description}</p>

 						</div>

 

 						<div className={styles.MangaReleaseYear}>

diff --git a/src/app/manga/[title]/page.jsx b/src/app/manga/[title]/page.jsx
index 01350d7..2e3e4de 100644
--- a/src/app/manga/[title]/page.jsx
+++ b/src/app/manga/[title]/page.jsx
@@ -34,10 +34,9 @@ export default async function MangaInfo({ params }) {
 								<div className={styles.MangaEntries}>

 									<Image

 										src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

-										width={160}

-										height={250}

+										width={180}

+										height={270}

 										alt="Manga Poster"

-										style={{ borderRadius: 10 }}

 									/>

 									<div className={styles.MangaInfo}>

 										<p className={styles.MangaTitle}>

@@ -51,13 +50,15 @@ export default async function MangaInfo({ params }) {
 												: desc}

 										</p>

 										<p className={styles.MangaStatus}>

-											{item.status}

+											Status: {item.status || "not sure"}

 										</p>

 										<p className={styles.MangaChapters}>

-											Chapters: {item.totalChapters}

+											Chapters:{" "}

+											{item.totalChapters || "not sure"}

 										</p>

 										<p className={styles.MangaVolume}>

-											Volumes: {item.volumes}

+											Volumes:{" "}

+											{item.volumes || "not sure"}

 										</p>

 									</div>

 								</div>

diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index bbfc99b..203efad 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -11,7 +11,6 @@
 .SearchedFor {

 	color: white;

 	text-align: center;

-	font-family: "Lexend Deca", serif;

 	font-size: 26px;

 }

 

@@ -20,10 +19,10 @@
 	flex-direction: row;

 	margin: 0px 10px 10px 10px;

 	padding: 10px;

-	border-style: dotted;

+	border-style: solid;

+	border-radius: 0.5rem;

 	border-color: #363636 #474747;

-	border-radius: 10px;

-	border-width: 4px;

+	border-width: 0.1rem;

 	align-items: center;

 	cursor: pointer;

 	transition: opacity 200ms linear, transform 200ms linear;

@@ -42,33 +41,44 @@
 .MangaInfo {

 	color: white;

 	margin-left: 20px;

-	font-family: "Atkinson Hyperlegible";

+}

+

+.MangaEntries img {

+	border-radius: 0.5rem;

 }

 

 .MangaTitle {

-	font-family: "Lexend Deca", serif;

 	margin: 0px;

-	font-size: 22px;

+	font-size: 28px;

 	color: var(--neon-green);

 }

 

+.MangaDescription {

+	margin: 0.5rem 0 0.5rem 0;

+}

+

 .MangaStatus {

 	color: var(--soft-purple);

-	font-family: "Poppins", serif;

+	margin: 0px;

 }

 

 .MangaVolume {

+	margin: 0px;

 	color: #ffacac;

-	font-family: "Poppins", serif;

 }

 

 .MangaChapters {

 	color: #ffebb4;

-	font-family: "Poppins", serif;

+	margin: 0.3rem 0 0.3rem 0;

 }

 

 @media screen and (max-width: 768px) {

 	.Main {

 		max-width: 100%;

 	}

+

+	.MangaDescription {

+		max-height: 10rem;

+		overflow: auto;

+	}

 }